<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阳光成单系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="./css/x-admin.css" media="all">
</head>
<body>
	<div class="x-nav">
		<span class="layui-breadcrumb"> <a><cite>分类首页</cite></a> <a><cite>会员管理</cite></a>
			<a><cite>分类管理</cite></a>
		</span> <a class="layui-btn layui-btn-small"
			style="line-height: 1.6em; margin-top: 3px; float: right"
			href="javascript:location.replace(location.href);" title="刷新"><i
			class="layui-icon" style="line-height: 30px">ဂ</i></a>
	</div>
	<div class="x-body">
		<xblock>
		<button class="layui-btn layui-btn-danger" onclick="delAll()">
			<i class="layui-icon">&#xe640;</i>批量删除
		</button>
		<button class="layui-btn"
			onclick="admin_add('添加新闻分类','newscategory-add.html','600','300')">
			<i class="layui-icon">&#xe608;</i>添加
		</button>
		<span class="x-right" style="line-height: 40px">共有数据：<span id="count"></span> 条</span></xblock>
		<table class="layui-table">
			<thead>
				<tr>
					 <th><input onclick="selectAll(this)" type="checkbox" name="" value=""></th>
					<th>分类ID</th>
					<th>分类名</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody id="tbody_newscategory">
				
			</tbody>
		</table>
		<div id="page"></div>
	</div>
	<script src="./lib/layui/layui.js" charset="utf-8"></script>
	<script src="./js/x-layui.js" charset="utf-8"></script>
	<script>
	var $ = null;
	var laypage = null;
	var layer = null;
	var form = null;
            layui.use(['element','laypage','layer','form'], function(){
               $ = layui.jquery;
              laypage = layui.laypage;
              layer = layui.layer;
              form = layui.form;
              
              $(function(){
            	  myPage();
				});
             
            });
		
		function selectAll(obj){
	      	   var val = $(obj).prop("checked");
	      	  $("#tbody_newscategory input:checkbox").prop("checked",val)
	        }

	      //批量删除提交
	       function delAll () {
	      var chks=$("#tbody_newscategory input:checkbox:checked");
	      	if(chks.length == 0){
	      		layer.alert("您未选择任何行!");
	      		return false;
	      	}
	      	
	          layer.confirm('确认要删除吗？',function(index){
	             var ids= [];
	          	for(var i=0;i<chks.length;i++){
	              	var id=$(chks[i]).parent().next().html();
	              	ids.push(id);
	              }
	          	$.post("../adminNewsCategory?reqName=deleteNewsCategoryByIds",{
	          		newsClassIficationId:ids.join(",")
	          	},function(res){
	          		if(res.success){
	          			layer.msg('删除成功', {icon: 1});
	          			myPage();
	          		}else{
	          			 layer.msg('删除失败', {icon: 3});
	          		}
	          	},"json")
	          });
	       }

		//-编辑
		function cate_edit(title, url, id, w, h) {
			sessionStorage.setItem("newsClassIficationId",id);
			x_admin_show(title, url, w, h);
		}
		 /*添加*/
        function admin_add(title,url,w,h){
            x_admin_show(title,url,w,h); 
        }
		/*-删除*/
		function cate_del(obj,id) {
			layer.confirm('确认要删除吗？', function(index) {
				$.post("../adminNewsCategory?reqName=deleteNewsCate",{
					newsClassIficationId : id
				},function(res){
					if (res.success) {
						layer.msg(res.message, {icon : 1,time : 2000});
						$(obj).parents("tr").remove();
					} else {
						layer.msg(res.message, {icon : 1,time : 2000});
					}
				},"json")
			});
		}
		//分页显示
  		 function myPage(){
          	 //执行一个laypage实例
          	 $.post("../adminNewsCategory?reqName=getNewsCates",{},function(res){
          		 $("#count").html(res);
          	  laypage.render({
          	    elem: 'page', 
          	    count: res,
          	    limit: 2,
          	    jump: function(obj, first){
          	    	selNewsCategories(obj.curr,obj.limit);
          	      }
          	  });
          	 },"json");
          }

		//查询所有新闻分类
		function selNewsCategories(page,size){
			$("#tbody_newscategory").html("");
			$.post("../adminNewsCategory?reqName=getNewsCatesByPage",{
				page:page,
				size:size
			},function(res){
				for(var i=0;i<res.length;i++){
					$("#tbody_newscategory").append(`
						<tr>
							<td><input type="checkbox" value="1" name=""></td>
							<td>${res[i].newsClassIficationId}</td>
							<td>${res[i].newsClassIficationName}</td>
							<td class="td-manage"><a title="编辑" href="javascript:;"
								onclick="cate_edit('编辑新闻分类','newscategory-edit.html','${res[i].newsClassIficationId}','','510')"
								class="ml-5" style="text-decoration: none"> <i
									class="layui-icon">&#xe642;</i>
							</a> <a title="删除" href="javascript:;" onclick="cate_del(this,${res[i].newsClassIficationId})"
								style="text-decoration: none"> <i class="layui-icon">&#xe640;</i>
							</a></td>
						</tr>`);
				}
			},"json");
		}
		
	</script>

</body>
</html>